@import "colors.css";

.aside {
    /*-fx-min-width: 220px;
    -fx-max-width: 220px;*/
    -fx-pref-width: 200px;
    -fx-border-width: 0 1px 0 0;
    -fx-border-color: -cf-border-color;
    -fx-spacing: 5px;
    -fx-alignment: top-center;
    -fx-padding: 10px;
}

/*导航栏Item样式*/
.nav-item {
    -fx-background-radius: 3px;
    -fx-min-height: 40px;
    -fx-pref-height: 40px;
    -fx-alignment: center-left;
    -fx-spacing: 10px;
    -fx-padding: 0 10px;
    -fx-cursor: hand;
}

.nav-item > .icon-label > .ikonli-font-icon {
    -fx-icon-size: 20px;
    -fx-icon-color: derive(-color-fg-default, 30%);
}

.nav-item > .name-label {
    -fx-font-size: 14px;
    -fx-pref-height: 30px;
    -fx-font-weight: bolder;
    -fx-text-fill: derive(-color-fg-default, 30%);
}

.nav-item > .notice-label {
    -fx-font-size: 14px;
    -fx-pref-height: 30px;
    -fx-alignment: center;
    -fx-text-fill: derive(-color-fg-default, 30%);
}

.nav-item:hover > .name-label {
    -fx-text-fill: -cf-primary-color;
}

.nav-item:hover > .notice-label {
    -fx-text-fill: -cf-primary-color;
}

.nav-item:hover > .icon-label > .ikonli-font-icon {
    -fx-icon-color: -cf-primary-color;
}

/*动态菜单导航栏*/
.menu {
    -fx-background-insets: 0px;
    -fx-background-color: transparent;
    -fx-padding: 0 0 5px 0;
    -fx-border-width: 0;
}

.menu .scroll-bar {
    -fx-opacity: 0;
}

.menu:hover .scroll-bar {
    -fx-opacity: 1;
}

.menu .cell.indexed-cell.list-cell {
    -fx-background-color: transparent;
    -fx-padding: 0px;
}

.menu .cell.indexed-cell.list-cell:empty:hover {
    -fx-background-color: transparent;
}

.menu .cell.indexed-cell.list-cell:hover {
}

.menu .cell.indexed-cell.list-cell:selected {
}

.menu .cell.indexed-cell.list-cell:selected .nav-item {
    -fx-background-color: rgba(0, 0, 0, 0.1);
}

.menu .cell.indexed-cell.list-cell:selected .name-label {
    -fx-text-fill: -cf-primary-color;
}

.menu .cell.indexed-cell.list-cell:selected .icon-label > .ikonli-font-icon {
    -fx-icon-color: -cf-primary-color;
}

/*正在下载，正在更新box*/
.down-update {
    -fx-alignment: center-left;
    -fx-spacing: 10px;
    -fx-padding: 0 10px;
    -fx-min-height: 40px;
    -fx-pref-height: 40px;
}

.download-label, .update-label {
    -fx-font-size: 14px;
}

.download-label > .ikonli-font-icon {
    -fx-icon-size: 14px;
    -fx-icon-color: -cf-primary-color;
}

.update-label > .ikonli-font-icon {
    -fx-icon-size: 14px;
    -fx-icon-color: -cf-success-color;
}

.cf-message {
    -fx-alignment: center-left;
    -fx-min-height: 40px;
    -fx-graphic-text-gap: 8px;
    -fx-padding: 0 10px;
    -fx-background-color: rgb(168, 70, 70);
    -fx-background-radius: 3px;
    -fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, 0.2), 10.0, 0, 0, 0);
    -fx-text-fill: -cf-text-color;
    -fx-font-size: 14px;
    -fx-wrap-text: true;
}

.cf-message > .ikonli-font-icon {
    -fx-icon-color: -cf-primary-color;
    -fx-icon-size: 18px;
}

.cf-message.success > .ikonli-font-icon {
    -fx-icon-color: -cf-success-color;
}

.cf-message.info > .ikonli-font-icon {
    -fx-icon-color: -cf-info-color;
}

.cf-message.warn > .ikonli-font-icon {
    -fx-icon-color: -cf-warn-color;
}

.cf-message.danger > .ikonli-font-icon {
    -fx-icon-color: -cf-danger-color;
}

.payment-qrcode {
    -fx-pref-width: 50px;
    -fx-pref-height: 50px;
}